<template>
	<zLayout>
		<template v-slot:nav>
			<zNav title="我的" />
		</template>
		<template v-slot:main>
			<view class="main">
				<view class="top">
					<view class="tLeft">
						<image class="img" :src="avatar"></image>
						<text class="text">登录/注册</text>
					</view>
					<view class="tRight">
						<image class="img" :src="qrcode"></image>
					</view>
				</view>
				<view class="inner">
					<view class="card">
						<uni-card is-shadow is-full>
							<uni-list :border="false" class="list">
								<uni-list-item v-for="(val,index) in state.list" class="listItem" :key="index" 
								:show-extra-icon="true" showArrow :thumb="val.thumb" :title="val.title">
								</uni-list-item>
							</uni-list>
						</uni-card>
					</view>
				</view>
			</view>
		</template>
		<template v-slot:menu>
			<zMenu />
		</template>
	</zLayout>
</template>

<script setup>
	import { getSource } from 'src/plugins/utils'
	const bg = getSource('images/my/bg.png');
	const avatar = getSource('images/my/avatar.png');
	const qrcode = getSource('images/my/qrcode.png');
	const state = reactive({
		list: [{
				title: '我的账号',
				thumb:getSource('images/my/mp.png')
			},
			{
				title: '地址信息',
				thumb:getSource('images/my/address.png')
			}
		]
	});
</script>

<style lang="less" scoped>
	@import 'index';
</style>